<template>
  <mavon-editor
    class="markdown"
    :value="auditContent"
    :subfield="false"
    :defaultOpen="prop.defaultOpen"
    :toolbarsFlag="prop.toolbarsFlag"
    :editable="prop.editable"
    :scrollStyle="prop.scrollStyle"
  ></mavon-editor>
</template>

<script>
export default {
  name: "articleReader",
  props: ["auditContent"],
  computed: {
    prop() {
      let data = {
        subfield: false, // 单双栏模式
        defaultOpen: "preview", //edit： 默认展示编辑区域 ， preview： 默认展示预览区域
        editable: false, // 不可编辑
        toolbarsFlag: false, // 工具栏不显示
        scrollStyle: true, // 开启滚动条样式(暂时仅支持chrome)
      };
      return data;
    },
  },
  methods: {},
};
</script>

<style scoped>
.markdown {
  /* width: 700px; */
  /* 暂时未限制高度 height: 500px;*/
  height: 100%;
  margin: 0 auto;
  /* margin-right: 0px; */
}
</style>